﻿@{
    ViewBag.Title = "Trang thành viên " + ViewBag.UserName;
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model IEnumerable<EC_ASS.Models.Order>
@{
    var user = ViewBag.USER;
}
<div class="container">
    <div class="row">
        <div class="span3">
            <h4>Thông tin tài khoản</h4>
            <div class="row">
                <div class="span1">
                    <div class="thumbnail">
                        <a href="/Account/Index">
                            @if (!(String.IsNullOrEmpty(user.Avatar)))
                            {
                                <img src="@Url.Content("~/" + @user.Avatar)" alt="">
                            }
                            else
                            {
                                <img src="@Url.Content("~/img/user-avatar/default-avatar.jpg")" alt="">
                            }
                        </a>
                    </div>
                </div>
                <div class="span2" style="margin-left: 10px">
                    <h4>@user.Name</h4>
                    @if (user.VIP)
                    {
                        <p>
                            Khách hàng:
                        <img src="@Url.Content("~/" + user.VIPCard)" title="Khách hàng thân thiện"/>
                        </p>
                    }
                    else
                    {
                        <p><span class="label label-info">Khách hàng MShop</span></p>
                    }

                </div>
            </div>
            <aside class="sidebar">
                <ul class="nav nav-list primary pull-bottom">
                    <li><a href="@Url.Action("Index", "Account")">Profile</a></li>
                    <li><a href="@Url.Action("ViewOrder", "Account")">Lịch sử mua hàng</a></li>
                    <li><a href="@Url.Action("LogOut", "Account")">Thoát</a></li>
                </ul>
                <hr />
                <h4>Thông báo</h4>
                <p>Với bất kì hóa đơn mua hàng có giá trị từ 1.000.000 bạn sẽ trở thành khách hàng thân thiết của website và nhận ngay thẻ thành viên (Giảm giá 20% cho tất cả mặt hàng trừ deals).</p>
            </aside>
        </div>
        <div class="span9">
            <div class="tabs">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#info" data-toggle="tab">Chi tiết</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="info">
                        @if (Model.Count() > 0)
                        {
                            <div id="listOrderTable">
                                <table class="table table-bordered">
                                    <thead>
                                        <th>Chi tiết</th>
                                        <th>Khách mua</th>
                                        <th>Khách nhận</th>
                                        <th>Số điện thoại</th>
                                        <th>Ngày đặt hàng</th>
                                        <th>Tổng giá trị</th>
                                        <th>Phí chuyển</th>
                                        <th>Tình trạng</th>
                                    </thead>
                                    <tbody>
                                        @foreach (var item in Model)
                                        {
                                            <tr class="success">
                                                <td><a href="@Url.Action("OrderDetail", "Account")" class="btn view-detail" order-ID="@item.ID">Chi tiết</a></td>
                                                <td>@item.Buyer</td>
                                                <td>@item.Receiver</td>
                                                <td>@item.ShipPhone</td>
                                                <td>@item.OrderDate</td>
                                                <td>@item.Total</td>
                                                <td>@item.ShipFee</td>
                                                @if (item.CheckedOut)
                                                {
                                                    <td><span class="label label-success">Đã duyệt</span></td>
                                                }
                                                else
                                                {
                                                    <td><span class="label label-warning">Chưa duyệt</span></td>
                                                }
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </div>
                        }
                        else
                        {
                            <div class="alert alert-info">Chưa có hóa đơn mua hàng nào trong mục này.</div>
                        }

                    </div>
                </div>
            </div>
            <!--Detail modal-->
            <div>
                <div id='detailModal' class='modal hide fade in'>
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3>Thông tin</h3>
                    </div>
                    <div id='detailModalContent'></div>
                    <div id="detailLoading" style="margin-top: 20px; margin-bottom: 20px;">
                        <center>
                <img src="@Url.Content("~/img/ajax-loader.gif")" />
            </center>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                $(function () {
                    $('.view-detail').click(function () {
                        var itemID = $(this).attr('order-ID');
                        var detailUrl = this.href + '/' + itemID;
                        $('#detailModalContent').load(detailUrl, function () {
                            $('#detailModal').modal({
                                backdrop: 'static',
                                keyboard: true
                            }, 'show');
                            $('#detailLoading').hide();
                        });
                        return false;
                    });
                });
            </script>
        </div>
    </div>
</div>
<hr />
<div class="container">
    <h4>Thanh toán</h4>
    <div class="row">
        @Html.Partial("_Payment")
    </div>
</div>
